<template>
  <view class="">
    <view class="designscheme">
      <view class="ds_top t-ju-between">
        <view class="t-ali-center">
          <image class="user_img" src="@/static/logo.png" mode=""></image>
          <span class="user_name">张三</span>
          <span class="user_type">设计师</span>
        </view>
        <view class="ds_time">
          2023-04-12 13:38:53
        </view>
      </view>
      <view class="title">
        设计套餐一
      </view>
      <image class="cont_img" src="@/static/design/default.png" mode="widthFix"></image>
    </view>
    
    <view class="designscheme">
      <view class="ds_top t-ju-between">
        <view class="t-ali-center">
          <image class="user_img" src="@/static/logo.png" mode=""></image>
          <span class="user_name">张三</span>
          <span class="user_type">设计师</span>
        </view>
        <view class="ds_time">
          2023-04-12 13:38:53
        </view>
      </view>
      <view class="title">
        设计套餐一
      </view>
      <image class="cont_img" src="@/static/design/default.png" mode="widthFix"></image>
    </view>
  </view>
</template>

<script>

</script>

<style lang="scss" scoped>
  .designscheme {
    padding-top: 20rpx;
    padding-bottom: 10rpx;
    margin-bottom: 20rpx;
    background-color: #fff;

    .ds_top {
      padding: 0 30rpx;

      .user_img {
        width: 70rpx;
        height: 70rpx;
        border-radius: 50%;
        margin-right: 15rpx;
      }

      .user_name {
        margin-right: 15rpx;
        font-size: 28rpx;
      }

      .user_type {
        padding: 5rpx 10rpx;
        font-size: 24rpx;
        background-color: #F5242D;
        color: #fff;
        border-radius: 8rpx;
      }

      .ds_time {
        font-size: 24rpx;
      }
    }

    .title {
      margin-top: 20rpx;
      margin-left: 30rpx;
      font-size: 28rpx;
    }

    .cont_img {
      margin-top: 10rpx;
      margin-left: 30rpx;
      width: 500rpx;
    }

  }
</style>